@charset "UTF-8";
// Import the new theme variables
@import "./fonts_remote.less";


@import "./src/themes/index.less";

@import "./src/buttons.less";
@import "./src/icons.less";
@import "layout.less";
@import "message.less";
@import "task.less";
@import "lightbox.less";
@import "quickinfo.less";
@import "tooltip.less";
@import "resource_panel.less";
@import "ext.less";
@import "rtl.less";
@import "layout/cell.less";
@import "layout/layout.less";

// Apply font smoothing for better text rendering
.gantt_container,
.gantt_cal_light,
.gantt_message_area,
.gantt_modal_box,
.gantt_cal_quick_info,
.gantt_tooltip {
    // background: var(--dhx-gantt-container-background);
    // color: var(--dhx-gantt-container-color);
    // font-family: var(--dhx-gantt-font-family);
    // font-size: var(--dhx-gantt-font-size);

    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: var(--dhx-gantt-font-family);
}

.gantt_container, .gantt_container *{
    box-sizing: border-box;
}

// Disable text selection
.gantt_noselect {
    user-select: none;
}

// Remove background color on hover when text selection is disabled
.gantt_noselect .gantt_grid_data .gantt_row:hover,
.gantt_noselect .gantt_grid_data .gantt_row.odd:hover {
    background-color: unset;
}

// Style for the drag marker
.gantt_drag_marker {
    position: absolute;
    top: -1000px;
    left: -1000px;
    font-family: var(--dhx-gantt-font-family);
    font-size: var(--dhx-gantt-font-size);
    z-index: 1;
    white-space: nowrap;
    background: var(--dhx-gantt-base-colors-select);
}

// Hide tree icons in the drag marker
.gantt_drag_marker .gantt_tree_indent,
.gantt_drag_marker .gantt_tree_icon.gantt_blank,
.gantt_drag_marker .gantt_tree_icon.gantt_open,
.gantt_drag_marker .gantt_tree_icon.gantt_close {
    display: none;
}

// Wrapper for the empty state
.gantt_empty_state_wrapper {
    position: relative;
}

// Empty state styling
.gantt_empty_state {
    height: 100%;
    max-width: 500px;
    box-sizing: border-box;
    white-space: pre-line;
    overflow-wrap: break-word;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 0 auto;
}

.gantt_empty_state_image{
    background-image: url('');
    background-repeat: no-repeat;
    width: 100%;
    max-width: 500px;
    max-height: 500px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    min-height: 0;

    height: 200px;

    // background-size: 100% 100%;
    background-size: contain;
    background-position-x: center;
    background-position-y: bottom;
    margin-top: 40px;
    ;

    // height: 50vh;
    // position: absolute;
    // top: 0;
    // bottom: 0;
    // left: 0;
    // right: 0;
    // margin-top: 25%;

}


// Center text in the empty state
.gantt_empty_state_text {
    text-align: center;
}

// Style for the clickable link in the empty state text
.gantt_empty_state_text_link {
    color: var(--dhx-gantt-base-colors-primary);
    background: none;
    opacity: 1;
    height: unset;
    cursor: pointer;
}

// Additional styles for the drag marker
.gantt_drag_marker .gantt_row.odd {
    background-color: var(--dhx-gantt-base-colors-select);
}

.gantt_drag_marker .gantt_row {
    border-left: var(--dhx-gantt-scale-border-vertical);
    border-top: var(--dhx-gantt-scale-border-horizontal);
}

.gantt_drag_marker .gantt_cell {
    border-color: var(--dhx-gantt-base-colors-border);
}

// Highlight row when dragging over
.gantt_row.gantt_over,
.gantt_task_row.gantt_over {
    background-color: var(--dhx-gantt-base-colors-primary-active);
}

// Transparency effect for certain rows
.gantt_row.gantt_transparent .gantt_cell {
    opacity: 0.7;
}

.gantt_task_row.gantt_transparent {
    background-color: rgba(83, 124, 250, 0.45); /* 45% opacity of primary color */
}

// Remove unnecessary styles and fix syntax errors
.gantt_popup_button.gantt_delete_button {
    // Inherit styles from the OK button
    &:extend(.gantt_popup_button.gantt_ok_button);
}

// Resize watcher styling
.gantt_container_resize_watcher {
    background: transparent;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
    pointer-events: none;
    border: 0;
    box-sizing: border-box;
    opacity: 0;
}

.gantt_task_deadline {
	position: absolute;
	// pointer-events: none;
    z-index: 5;
    --dhx-gantt-base-colors-icons: var(--dhx-gantt-base-colors-error);
    .dhx_gantt_icon();
    .dhx_gantt_icon.dhx_gantt_icon_timer();
    pointer-events: none;
}
.gantt_task_baseline {
    position: absolute;
    border-radius: 2px;
    opacity: 0.9;
    background: #ffd180;
    z-index: 0;
    overflow: hidden;
}

.gantt_task_baseline.gantt_milestone_baseline {
    transform: rotate(45deg);
}

.gantt_task_baseline.gantt_task_baseline_0 {

    background: var(--dhx-gantt-baseline-background-0);
}
.gantt_task_baseline.gantt_task_baseline_1 {
    background: var(--dhx-gantt-baseline-background-1);
}
.gantt_task_baseline.gantt_task_baseline_2 {
    background: var(--dhx-gantt-baseline-background-2);
}
.gantt_task_baseline.gantt_task_baseline_3 {
    background: var(--dhx-gantt-baseline-background-3);
}
.gantt_task_baseline.gantt_task_baseline_4 {
    background: var(--dhx-gantt-baseline-background-4);
}
.gantt_task_baseline.gantt_task_baseline_5 {
    background: var(--dhx-gantt-baseline-background-5);
}
.gantt_task_baseline.gantt_task_baseline_6 {
    background: var(--dhx-gantt-baseline-background-6);
}
.gantt_task_baseline.gantt_task_baseline_7 {
    background: var(--dhx-gantt-baseline-background-7);
}
.gantt_task_baseline.gantt_task_baseline_8 {
    background: var(--dhx-gantt-baseline-background-8);
}
.gantt_task_baseline.gantt_task_baseline_9 {
    background: var(--dhx-gantt-baseline-background-9);
}

.gantt_section_baselines{
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    padding-top: 4px;
    padding-bottom: 4px;
    gap:4px;
}

.gantt_custom_button.gantt_add_baselines{
    margin-left: 0;
}

.resources_section_placeholder{
    margin-top: 8px;
    font-weight: 400;
    color: var(--dhx-gantt-base-colors-text-light);
}

.gantt_resource_lightbox_row, .gantt_resource_lightbox_header{
    display: flex;
    align-items: center;
}
.gantt_resource_lightbox_header{
    background: #F2F2F2;
}
.gantt_resource_lightbox_head_cell{
    display: flex;
    justify-content: center;
    padding: 8px;
}
.gantt_resources_filter label {
    position: relative;
}

.baseline_delete_button{
    padding: 6px;
    cursor: pointer;
}

.baseline_delete_button:hover{
    
}
